<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>计算属性-练习</title>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>

</head>
<body>
<div id="app">
    <p>今年3月3日发卖的任天堂新一代主机Switch的价格是：{{price}}円，
        含税价格为：{{priceInTax}}円，
        折合人民币为：{{priceChinaRMB}}元。
    </p>

</div>

<script>

    var app = new Vue({
        el: '#app',
        data: {
            price:3200
        },
        methods:{

        },
        computed:{
            priceInTax:function () {
                return this.price*1.08;
            },
            priceChinaRMB:function () {
                return Math.round(this.priceInTax/16.75)
            }
        },
    });
</script>
</body>
</html>
